<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div *ngIf="!isNull()" class="lv-pro-progress" #tooltip="lvTooltip" [lv-tooltip]="tooltipTpl" [lvTooltipTheme]="initConfig.tooltipTheme">
  <lv-progress
    [lvValue]="value"
    [lvColors]="initConfig.colors"
    [lvWidth]="initConfig.width"
    [lvStatus]="initConfig.status"
    [lvShowLabel]="initConfig.showLabel"
    [lvLabel]="config.label"
    [lvExtra]="config.extra"
  ></lv-progress>
</div>
<div *ngIf="isNull()">{{ value | nil }}</div>

<ng-template let-data #tooltipTpl>
  <ng-container *ngTemplateOutlet="config.tooltip; context: { $implicit: value }"></ng-container>
</ng-template>
